<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
%>
<html>
<base href="<%=basePath%>">
<head>
<meta charset="UTF-8">

	<!--JQUERY-->
	<script type="text/javascript" src="jquery/jquery-1.11.1-min.js"></script>
	<!--BOOTSTRAP框架-->
	<link rel="stylesheet" type="text/css" href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" >
    <link rel="stylesheet" type="text/css" href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" >
    <link rel="stylesheet" type="text/css" href="jquery/bs_pagination-master/css/jquery.bs_pagination.min.css">
	<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js" ></script>

	<!--BOOTSTRAP_DATETIMEPICKER插件-->
	<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js" ></script>
	<script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="jquery/bs_pagination-master/js/jquery.bs_pagination.min.js"></script>
    <script type="text/javascript" src="jquery/bs_pagination-master/localization/en.js" ></script>
<script type="text/javascript">
	(function($){
		$.fn.datetimepicker.dates['zh-CN'] = {
			days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],
			daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],
			daysMin:  ["日", "一", "二", "三", "四", "五", "六", "日"],
			months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
			monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
			today: "今天",
			suffix: [],
			meridiem: ["上午", "下午"],
		};
	}(jQuery));
	var rsc_bs_pag = {
		go_to_page_title: '跳转到',
		rows_per_page_title: '每页显示',
		current_page_label: '页',
		current_page_abbr_label: 'p.',
		total_pages_label: 'of',
		total_pages_abbr_label: '/',
		total_rows_label: 'of',
		rows_info_records: '记录',
		go_top_text: '首页',
		go_prev_text: '上一页',
		go_next_text: '下一页',
		go_last_text: '尾页'
	};
$(function(){
	$("#createActivityBtn").click(function (){
		//弹出模态窗口
		$("#createActivityModal").modal("show");
		$("#createActivityForm").get(0).reset();
		});
	$("#createActivityModal").keydown(function (event){
			if (event.keyCode == 13){
				$("#saveCreateActivity").click();
			}
		})
	$("#saveCreateActivity").click(function (){
			var owner = $("#create-marketActivityOwner").val();
			var name = $.trim($("#create-marketActivityName").val());
			var startDate = $("#create-startDate").val();
			var endDate = $("#create-endDate").val();
			var cost = $.trim($("#create-cost").val());
			var description=$.trim($("#create-description").val());
			if (owner == ""){
				alert("所有者不能为空!");  return;
			}
			if (name == ""){
				alert("名称不能为空!");    return;
			}
			if (startDate == "" || endDate ==""){
				alert("请补全日期！"); return;
			}
			if (startDate != "" && endDate !=""){
				if (endDate<startDate){
					alert("结束日不能比开始日期小!");
					return;
				}
			}
			if (cost == ""){
				alert("请填写成本!");    return;
			}
			var regExp=/^(([1-9]\d*)|0)$/;
			if(!regExp.test(cost)){
				alert("成本只能是正整数！");
				return;
			}
			$.ajax({
				url:"workbench/activity/saveCreatActivity.do",
				data:{
					owner:owner,
					name:name,
					startDate:startDate,
					endDate:endDate,
					cost:cost,
					description:description
				},
				type:"get",
				dataType:"json",
				success:function (data){
					if (data.code == '1'){
						$("#createActivityModal").modal("hide");
						//  带价功能
						alert(data.message);
						queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
					}else{
						alert(data.message);
						$("#createActivityModal").modal("show");
					}
				}
			})
		})
	$(".myDate").datetimepicker({
			language:'zh-CN', //语言
			format:'yyyy-mm-dd',//日期的格式
			minView:'month', //可以选择的最小视图
			initialDate:new Date(),//初始化显示的日期
			autoclose:true,//设置选择完日期或者时间之后，日否自动关闭日历
			todayBtn:true,//设置是否显示"今天"按钮,默认是false
			clearBtn:true//设置是否显示"清空"按钮，默认是false
		});
	queryActivityByConditionForPage(1,10);
	$(".form-inline").keydown(function (event){/*btn-toolbar*/
			if (event.keyCode == 13){
				$("#selectActivity").click();  //  无参   代码触发单击
			}
		});
	$("#selectActivity").click(function () {
			queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
		});
	$("#checkAll").click(function(){
           /* if (this.checked==true){
                $("#tBody input[type='checkbox']").prop("checked",true);
            }else {
                $("#tBody input[type='checkbox']").prop("checked",false);
            }*/
            $("#tBody input[type='checkbox']").prop("checked",this.checked);
        })
	$("#tBody").on("click","input[type='checkbox']",function () {
            // alert("sddsfsd");
            if($("#tBody input[type='checkbox']").size() == $("#tBody input[type='checkbox']:checked").size() ){
                $("#checkAll").prop("checked",true)
            }else{
                $("#checkAll").prop("checked",false)
            }
        })
	$("#deleteActivityBtn").click(function (){
        var checkedIDs = $("#tBody input[type='checkbox']:checked");
        if (checkedIDs.size() == 0){
            alert("请选择要删除的市场活动");
            return;
        }
		if (window.confirm("确定删除吗?   做表很累的")==true){
			// alert("");
			var ids = "";
			$.each(checkedIDs,function(){
				ids+="id="+this.value+"&";
			})
			var idss = ids.substr(0,ids.length-1);
			$.ajax({
				url:"workbench/activity/deleteActivityIds.do",
				data:idss,
				type:"post",
				dataType:"json",
				success:function(data){
					if (data.code == "1"){
						alert(data.message);
						queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
					}else if(data.code == "0"){
						alert(data.message);
						queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
					}
				}
			})
		}else {return;}

	});
	$("#editActivityBtn").click(function (){
			var checkId = $("#tBody input[type='checkbox']:checked");
			if (checkId.size() == 0){
				alert("请选择要修改的市场活动！");
				return;
			}
			if (checkId.size() > 1){
				alert("一次只能选择一个进行修改");
				return;
			}
			var id = checkId.val()
			// alert(id);
			$.ajax({
				url:"workbench/activity/selectActivityById.do",
				data:{
					id:id
				},
				type:"post",
				dataType:"json",
				success:function (data) {
					$("#edit-id").val(data.id);
					$("#edit-marketActivityOwner").val(data.owner);
					$("#edit-marketActivityName").val(data.name);
					$("#edit-startTime").val(data.startDate);
					$("#edit-endTime").val(data.endDate);
					$("#edit-cost").val(data.cost);
					$("#edit-describe").val(data.description)
					$("#editActivityModal").modal("show");
				}
			})
		})
	$("#editActivityModal").keydown(function (event){
		if(event.keyCode == 13){
			$("#updateActivity").click();
		}
	})
	$("#updateActivity").click(function () {
		// alert("slkdfjsdlkf");
		var id = $("#edit-id").val();
		var owner = $.trim($("#edit-marketActivityOwner").val());
		var name = $.trim($("#edit-marketActivityName").val());
		var startDate = $("#edit-startTime").val();
		var endDate = $("#edit-endTime").val();
		var cost = $.trim($("#edit-cost").val());
		var description = $("#edit-describe").val()
		// 表单验证
		if (owner == ""){
			alert("所有者不能为空!");  return;
		}
		if (name == ""){
			alert("名称不能为空!");    return;
		}
		if (startDate == "" || endDate ==""){
			alert("请补全日期！"); return;
		}
		if (startDate != "" && endDate !=""){
			if (endDate<startDate){
				alert("结束日不能比开始日期小!");
				return;
			}
		}
		if (cost == ""){
			alert("请填写成本!");    return;
		}
		var regExp=/^(([1-9]\d*)|0)$/;
		if(!regExp.test(cost)){
			alert("成本只能是正整数！");
			return;
		}
		// alert("slkdfjsdlkf");
		$.ajax({
			url:"workbench/activity/saveEditActivity.do",
			data:{
				id:id,
				owner:owner,
				name:name,
				startDate:startDate,
				endDate:endDate,
				cost:cost,
				description:description
			},
			type:"post",
			dataType:"json",
			success:function (data){
				if (data.code == "1"){
					alert(data.message);
					$("#editActivityModal").modal("hide");
					queryActivityByConditionForPage($("#demo_pag1").bs_pagination('getOption', 'currentPage'),
							                        $("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
				}else if(data.code == "0"){
					alert(data.message);
					$("#editActivityModal").modal("show");
				}
			}
		})
	})
	$("#exportActivityAllBtn").click(function () {
		window.location.href="workbench/activity/exportAllActivity.do";
	})
	$("#exportActivityXzBtn").click(function () {
		var checkIds = $("#tBody input[type='checkbox']:checked");
		if (checkIds.size() == 0){
			alert("请选择要导出的市场活动  你她喵不选我怎么给你导！");
			return;
		}
		var str = "";
		$.each(checkIds,function (){
			str+="id="+this.value+"&";
		})
		var ids = str.substr(0,str.length-1);
		alert("此功能还有待完善  我真的是不会");
		// window.location.href="workbench/activity/exportAllActivities.do";  // 疑问  日后解决你  等着
		// window.location.href="workbench/activity/exportAllActivities.do?id=d25cc1637a0648388b4a4ba74713c540";
		window.location.href="workbench/activity/exportAllActivities.do?"+ids+"";
	})
	//给"导入"按钮添加单击事件
	$("#importActivityBtn").click(function () {
		//收集参数
		var activityFileName=$("#activityFile").val();
		var suffix=activityFileName.substr(activityFileName.lastIndexOf(".")+1).toLocaleLowerCase();//xls,XLS,Xls,xLs,....
		if(suffix!="xls"){
			alert("只支持xls文件");
			return;
		}
		var activityFile=$("#activityFile")[0].files[0];
		if(activityFile.size>5*1024*1024){
			alert("文件大小不超过5MB");
			return;
		}

		//FormData是ajax提供的接口,可以模拟键值对向后台提交参数;
		//FormData最大的优势是不但能提交文本数据，还能提交二进制数据
		var formData=new FormData();
		formData.append("activityFile",activityFile);
		formData.append("userName","张三");

		//发送请求
		$.ajax({
			url:'workbench/activity/importActivity.do',
			data:formData,
			processData:false,//设置ajax向后台提交参数之前，是否把参数统一转换成字符串：true--是,false--不是,默认是true
			contentType:false,//设置ajax向后台提交参数之前，是否把所有的参数统一按urlencoded编码：true--是,false--不是，默认是true
			type:'post',
			dataType:'json',
			success:function (data) {
				if(data.code=="1"){
					//提示成功导入记录条数
					alert("成功导入"+data.retData+"条记录");
					//关闭模态窗口
					$("#importActivityModal").modal("hide");
					//刷新市场活动列表,显示第一页数据,保持每页显示条数不变
					queryActivityByConditionForPage(1,$("#demo_pag1").bs_pagination('getOption', 'rowsPerPage'));
				}else{
					//提示信息
					alert(data.message);
					//模态窗口不关闭
					$("#importActivityModal").modal("show");
				}
			}
		});
	});
});
		function queryActivityByConditionForPage(pageNo,pageSize){
			var name = $("#query-name").val();
			var owner = $("#query-owner").val();
			var startDate = $("#query-startDate").val();
			var endDate = $("#query-endDate").val();
			// var pageNo=1;
			// var pageSize=10;
			$.ajax({
				url:"workbench/activity/queryActivityByConditionForPage.do",
				data:{
					name:name,
					owner:owner,
					starDate:startDate,
					endDate:endDate,
					pageNo:pageNo,
					pageSize:pageSize
				},
				type:'post',
				dataType:'json',
				success:function (data) {
					// $("#totalRowsB").text(data.totalRows);
					var htmlStr="";
					$.each(data.list, function (index,obj){
						htmlStr+="<tr class=\"active\">";
						htmlStr+="<td><input type=\"checkbox\" value=\""+obj.id+"\"/></td>";
						htmlStr+="<td><a style=\"text-decoration: none; cursor: pointer;\" onclick=\"window.location.href='workbench/activity/detailActivity.do?id="+obj.id+"'\">"+obj.name+"</a></td>";
						htmlStr+="<td>"+obj.owner+"</td>";
						htmlStr+="<td>"+obj.startDate+"</td>";
						htmlStr+="<td>"+obj.endDate+"</td>";
						htmlStr+="</tr>";
					});
					$("#tBody").html(htmlStr);   // html覆盖  append追加   text只能显示文本
					$("#checkAll").prop("checked",false)
					var totalPages=1;
					if (data.totalRows%pageSize==0){
						totalPages = data.totalRows/pageSize
					}else{
						totalPages = parseInt(data.totalRows/pageSize)+1;
					}
					// alert(totalPages);
					$("#demo_pag1").bs_pagination({
						currentPage:pageNo,//当前页号,相当于pageNo

						rowsPerPage:pageSize,//每页显示条数,相当于pageSize
						totalRows:data.totalRows,//总条数
						totalPages: totalPages,  //总页数,必填参数.

						visiblePageLinks:5,//最多可以显示的卡片数

						showGoToPage:true,//是否显示"跳转到"部分,默认true--显示
						showRowsPerPage:true,//是否显示"每页显示条数"部分。默认true--显示
						showRowsInfo:true,//是否显示记录的信息，默认true--显示

						//用户每次切换页号，都自动触发本函数;
						//每次返回切换页号之后的pageNo和pageSize
						onChangePage: function(event,pageObj) { // returns page_num and rows_per_page after a link has clicked
							//js代码
							/*alert(pageObj.currentPage);
                            alert(pageObj.rowsPerPage);*/
							queryActivityByConditionForPage(pageObj.currentPage,pageObj.rowsPerPage);
							/*$("#selectActivity").click(function () {
								queryActivityByConditionForPage(1,pageObj.rowsPerPage);
							});*/
						}
					});
				}
			})
		}
</script>
</head>
<body>

	<!-- 创建市场活动的模态窗口 -->
	<div class="modal fade" id="createActivityModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 85%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel1">创建市场活动</h4>
				</div>
				<div class="modal-body">

					<form class="form-horizontal" role="form">

						<div id="createActivityForm" class="form-group">
							<label for="create-marketActivityOwner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="create-marketActivityOwner">
									<c:forEach items="${userList}" var="u">
										<option value="${u.id}">${u.name}</option>
									</c:forEach>
								</select>
							</div>
                            <label for="create-marketActivityName" class="col-sm-2 control-label">名称<span style="font-size: 15px; color: red;">*</span></label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="create-marketActivityName">
                            </div>
						</div>

						<div class="form-group">
							<label for="create-startDate" class="col-sm-2 control-label">开始日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control myDate" id="create-startDate" readonly>
							</div>
							<label for="create-endDate" class="col-sm-2 control-label">结束日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control myDate" id="create-endDate" readonly>
							</div>
						</div>
                        <div class="form-group">

                            <label for="create-cost" class="col-sm-2 control-label">成本</label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="create-cost">
                            </div>
                        </div>
						<div class="form-group">
							<label for="create-description" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="create-description"></textarea>
							</div>
						</div>

					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="saveCreateActivity">保存</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 修改市场活动的模态窗口 -->
	<div class="modal fade" id="editActivityModal" role="dialog">
		<div class="modal-dialog" role="document" style="width: 85%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">×</span>
					</button>
					<h4 class="modal-title" id="myModalLabel2">修改市场活动</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form">
						<input type="hidden" id="edit-id">
						<div id="createActivityForm1" class="form-group">
							<label for="edit-marketActivityOwner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*</span></label>
							<div class="col-sm-10" style="width: 300px;">
								<select class="form-control" id="edit-marketActivityOwner">
									<c:forEach items="${userList}" var="u">
										<option value="${u.id}">${u.name}</option>  <%--这里的u.id 和 owner纸一样--%>
									</c:forEach>
								</select>
							</div>
                            <label for="edit-marketActivityName" class="col-sm-2 control-label">名称<span style="font-size: 15px; color: red;">*</span></label>
                            <div class="col-sm-10" style="width: 300px;">
                                <input type="text" class="form-control" id="edit-marketActivityName" value="发传单">
                            </div>
						</div>

						<div class="form-group">
							<label for="edit-startTime" class="col-sm-2 control-label">开始日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control myDate" id="edit-startTime" value="2020-10-10" readonly>
							</div>
							<label for="edit-endTime" class="col-sm-2 control-label">结束日期</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control myDate" id="edit-endTime" value="2020-10-20" readonly>
							</div>
						</div>

						<div class="form-group">
							<label for="edit-cost" class="col-sm-2 control-label">成本</label>
							<div class="col-sm-10" style="width: 300px;">
								<input type="text" class="form-control" id="edit-cost" value="5,000">
							</div>
						</div>

						<div class="form-group">
							<label for="edit-describe" class="col-sm-2 control-label">描述</label>
							<div class="col-sm-10" style="width: 81%;">
								<textarea class="form-control" rows="3" id="edit-describe">市场活动Marketing，是指品牌主办或参与的展览会议与公关市场活动，包括自行主办的各类研讨会、客户交流会、演示会、新产品发布会、体验会、答谢会、年会和出席参加并布展或演讲的展览会、研讨会、行业交流会、颁奖典礼等</textarea>
							</div>
						</div>

					</form>

				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary"  id="updateActivity">更新</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 导入市场活动的模态窗口 -->
    <div class="modal fade" id="importActivityModal" role="dialog">
        <div class="modal-dialog" role="document" style="width: 85%;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span aria-hidden="true">×</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">导入市场活动</h4>
                </div>
                <div class="modal-body" style="height: 350px;">
                    <div style="position: relative;top: 20px; left: 50px;">
                        请选择要上传的文件：<small style="color: gray;">[仅支持.xls]</small>
                    </div>
                    <div style="position: relative;top: 40px; left: 50px;">
                        <input type="file" id="activityFile">
                    </div>
                    <div style="position: relative; width: 400px; height: 320px; left: 45% ; top: -40px;" >
                        <h3>重要提示</h3>
                        <ul>
                            <li>操作仅针对Excel，仅支持后缀名为XLS的文件。</li>
                            <li>给定文件的第一行将视为字段名。</li>
                            <li>请确认您的文件大小不超过5MB。</li>
                            <li>日期值以文本形式保存，必须符合yyyy-MM-dd格式。</li>
                            <li>日期时间以文本形式保存，必须符合yyyy-MM-dd HH:mm:ss的格式。</li>
                            <li>默认情况下，字符编码是UTF-8 (统一码)，请确保您导入的文件使用的是正确的字符编码方式。</li>
                            <li>建议您在导入真实数据之前用测试文件测试文件导入功能。</li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button id="importActivityBtn" type="button" class="btn btn-primary">导入</button>
                </div>
            </div>
        </div>
    </div>


	<div>
		<div style="position: relative; left: 10px; top: -10px;">
			<div class="page-header">
				<h3>市场活动列表</h3 >
			</div>
		</div>
	</div>
	<div style="position: relative; top: -20px; left: 0px; width: 100%; height: 100%;">
		<div style="width: 100%; position: absolute;top: 5px; left: 10px;">

			<div class="btn-toolbar" role="toolbar" style="height: 80px;">
				<form class="form-inline" role="form" style="position: relative;top: 8%; left: 5px;">

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">名称</div>
				      <input class="form-control" type="text" id="query-name">
				    </div>
				  </div>

				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">所有者</div>
				      <input class="form-control" type="text" id="query-owner">
				    </div>
				  </div>


				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">开始日期</div>
					  <input class="form-control" type="text" id="query-startDate" value="小聂🕵️‍♂维护中️" readonly/>
				    </div>
				  </div>
				  <div class="form-group">
				    <div class="input-group">
				      <div class="input-group-addon">结束日期</div>
					  <input class="form-control" type="text" id="query-endDate" value="暂时不可用🙅‍" readonly>
				    </div>
				  </div>

				  <button type="button" class="btn btn-default" id="selectActivity">查询</button>

				</form>
			</div>
			<div class="btn-toolbar" role="toolbar" style="background-color: #F7F7F7; height: 50px; position: relative;top: 5px;">
				<div class="btn-group" style="position: relative; top: 18%;">
				  <button type="button" class="btn btn-primary" id="createActivityBtn"><span class="glyphicon glyphicon-plus"></span> 创建</button>
				  <button type="button" class="btn btn-default"  id="editActivityBtn"><span class="glyphicon glyphicon-pencil"></span> 修改</button>
				  <button type="button" class="btn btn-danger" id="deleteActivityBtn"><span class="glyphicon glyphicon-minus" ></span> 删除</button>
				</div>
				<div class="btn-group" style="position: relative; top: 18%;">
                    <button id="importActivityAllBtn" type="button" class="btn btn-default" data-toggle="modal" data-target="#importActivityModal" ><span class="glyphicon glyphicon-import"></span> 上传列表数据（导入）</button>
                    <button id="exportActivityAllBtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-export"></span> 下载列表数据（批量导出）</button>
                    <button id="exportActivityXzBtn" type="button" class="btn btn-default"><span class="glyphicon glyphicon-export"></span> 下载列表数据（选择导出）</button>
                </div>
			</div>
			<div style="position: relative;top: 10px;">
				<table class="table table-hover">
					<thead>
						<tr style="color: #B3B3B3;">
							<td><input type="checkbox" id="checkAll"/></td>
							<td>名称</td>
                            <td>所有者</td>
							<td>开始日期</td>
							<td>结束日期</td>
						</tr>
					</thead>
					<tbody id="tBody">
						<tr class="active">
							<%--<td><input type="checkbox" /></td>
							<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.jsp';">发传单</a></td>
                            <td>zhangsan</td>
							<td>2020-10-10</td>
							<td>2020-10-20</td>
						</tr>
                        <tr class="active">
                            <td><input type="checkbox" /></td>
                            <td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.jsp';">发传单</a></td>
                            <td>zhangsan</td>
                            <td>2020-10-10</td>
                            <td>2020-10-20</td>--%>
                        </tr>
					</tbody>
				</table>
			</div>
            <div id="demo_pag1"></div>
		<%--	<div style="height: 50px; position: relative;top: 30px;">
				<div>
					<button type="button" class="btn btn-default" style="cursor: default;">共<b id="totalRowsB">50</b>条记录</button>
				</div>
				<div class="btn-group" style="position: relative;top: -34px; left: 110px;">
					<button type="button" class="btn btn-default" style="cursor: default;">显示</button>
					<div class="btn-group">
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							10
							<span class="caret"></span>
						</button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">20</a></li>
							<li><a href="#">30</a></li>
						</ul>
					</div>
					<button type="button" class="btn btn-default" style="cursor: default;">条/页</button>
				</div>
				<div style="position: relative;top: -88px; left: 285px;">
					<nav>
						<ul class="pagination">
							<li class="disabled"><a href="#">首页</a></li>
							<li class="disabled"><a href="#">上一页</a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">下一页</a></li>
							<li class="disabled"><a href="#">末页</a></li>
						</ul>
					</nav>
				</div>
			</div>--%>

		</div>

	</div>
</body>
</html>
